<template>
  <div>
    <el-row>
      <el-col :span="24">
        <basic-container>
          <el-collapse v-model="activeNames" @change="handleChange">
            <el-collapse-item title="环境要求" name="1">
              <div>node >= 16</div>
            </el-collapse-item>
            <el-collapse-item title="标准工程规范" name="2">
              <div>1.authToken 配置：在根目录下找到 .npmrc 文件，写入 _authToken=你的token（目前使用同一个token，已配置）</div>
              <div>2.avue-form 及 avue-crud 文件为使用模板</div>
              <div>3.图片上传组件标准样式，使用单独封装组件 hnyUpload</div>
              <div>4.element-ui 组件，需要自定义样式，可在 styles/hny/element-ui 中修改</div>
              <div>5.列表页一级弹窗统一使用el-drawer，二级弹窗使用el-dialog</div>
              <div>6.列表页el-drawer尺寸规范，默认824px，可选524px、824px、1124px</div>
              <div>7.列表页搜索栏labelWidth设置规定：labelWidth = ( 标题字数+1 ) * 14</div>
              <div>8.publicKey 配置：找到/config/website.js文件，写入 publicKey=后端生成的公钥</div>
            </el-collapse-item>
            <el-collapse-item title="相关链接" name="3">
              <div>1.标准项目设计稿：https://mastergo.com/file/131009991438560</div>
            </el-collapse-item>
          </el-collapse>
        </basic-container>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapGetters } from 'vuex';

export default {
  name: 'wel',
  data() {
    return {
      activeNames: ['1', '2', '3', '5'],
      logActiveNames: ['37'],
    };
  },
  computed: {
    ...mapGetters(['userInfo']),
  },
  methods: {
    handleChange(val) {
      window.console.log(val);
    },
  },
};
</script>

<style>
.el-font-size {
  font-size: 14px;
}
</style>
